<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        * {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }

        .yl-layer-content {
            padding: 0 30px;
        }

        .yl-job-name {
            width: 100%;
            height: 60px;
            line-height: 60px;
            padding-left: 30px;
            background: #aa8450;
            color: #fff;
            font-size: 16px;
        }

        .yl-job-desc {
            padding: 30px;
            color: #666;
            font-size: 14px;
            line-height: 32px;
        }

        .yl-job-desc p {
            color: #666;
            font-size: 14px;
            line-height: 32px;
        }

        .yl-job-yq {
            width: 100%;
            height: 40px;
            line-height: 40px;
            color: #333;
            font-size: 14px;
            background: #f4f3f1;
            padding-left: 30px;
        }

        .yl-yq-desc {
            padding: 30px;
            color: #333;
            font-size: 14px;
            line-height: 26px;
        }

        .yl-yq-desc p {
            color: #333;
            font-size: 14px;
            line-height: 26px;
        }

        .yl-email {
            padding-left: 30px;
            color: #cfa972;
            font-size: 12px;
            margin-bottom: 50px;
        }

        .yl-display1 {
            display: none;
        }
        .yl-display2 {
            display: none;
        }
    </style>
</head>
<body>
<div class="yl-layer-content">
    <div class="yl-job-name"><span id="stationName"></span></div>
    <div class="yl-job-desc">
        <p>职业类别： <span id="typeName"></span></p>
        <p>工作地点： <span id="stationPlace"></span></p>
        <p class="yl-display1">招聘人数： <span id="stationNumer"></span></p>
        <p class="yl-display2">薪酬： <span id="stationSalary"></span></p>
    </div>
    <div class="yl-job-yq">
        岗位职责
    </div>
    <div class="yl-yq-desc" id="stationDuty">

    </div>
    <div class="yl-job-yq">
        任职资格
    </div>
    <div class="yl-yq-desc" id="stationSeniority">

    </div>
    <div class="yl-email">有意向者可发送简历至zhaopin@hongte.info，并在标题注明：个人姓名+应聘岗位+城市</div>
</div>
<!--引入layui.js-->
<script src="/plugins/layui/layui.js"></script>
<script src="/properties/config.js"></script>

<script src="/src/js/send/salaryemail.js"></script>

<script>
    function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg);  // 匹配目标参数
        if (r != null) return unescape(r[2]);
        return null; // 返回参数值
    }

    var id = getUrlParam('id');
    layui.config({
        base: '/plugins/layui/extend/modules/',
        version: false
    }).use(['table', 'jquery', 'ht_cookie', 'ht_config'], function () {
        var $ = layui.jquery;
        var config = layui.ht_config;
        var url = config.basePath + "recruit/recruitQuery?id=" + id;
        var that = this;
        $.ajax({
            type: "GET",
            url: url,
            contentType: "application/json; charset=utf-8",
            async: false,
            dataType: "json",
            success: function (result) {
                console.log("结果11：========", result);
                if (result.returnCode == "0") {
                    var data = result.data;
                    $("#stationName").html(data.stationName);
                    $("#typeName").html(data.typeName);
                    $("#stationPlace").html(data.stationPlaceName);
                    console.log("stationNumer ==",data.stationNumer);
                    if (data.stationNumer != '' && data.stationNumer !=null) {
                        $("#stationNumer").html(data.stationNumer);
                        $('.yl-display1').show();
                    }
                    console.log("stationSalary ==",data.stationSalary);
                    if (data.stationSalary != '' && data.stationSalary !=null) {
                        $("#stationSalary").html(data.stationSalary);
                        $('.yl-display2').show();
                    }
                    $("#stationSeniority").html(data.stationSeniority);
                    $("#stationDuty").html(data.stationDuty);
                }
            }
        })
    })
</script>
</body>
</html>